<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>爱心众筹详情页面</title>
    <meta name="keywords" content="财富管家" />
    <meta name="description" content="财富管家" />
    <link th:href="@{/css/shopdetail.css}" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
    <link rel="icon" th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/css/page.css}"/>
    <link rel="stylesheet" th:href="@{/css/date.css}" />
    <link rel="stylesheet" th:href="@{/css/layui.css}" />
    <link th:href="@{/css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


</head>



<body>
<!-----header部分------->
<div class="topnav">
    <div class="mainw w">
        <div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>

        <a th:href="@{/information/xinxi2}" class="dh">帮助中心</a>
        <a th:href="@{/information/xinxi3}" class="dh">新手指引</a>

    </div>
</div>

<header>
    <div class="hmain w">
        <a href="index.html" class="logo"><img th:src="@{/images/logo.png}"></a>
        <a th:href="@{/register}" class="topbut">注册</a>
        <a th:href="@{/login}" class="topbut-cur">登录</a>
        <a th:href="@{/logout}" class="ubut">退出</a>
        <a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;">个人中心<span><dl th:if="${session.user!=null}" th:text="${session.user.balance}"></dl></span></a>
        <nav>
            <a th:href="@{/index}" >首页</a>
            <a th:href="@{/invest/list}">我要投资</a>
            <a th:href="@{/borrowCenter/index}">我要借贷</a>
            <a th:href="@{/zhongchou/list}" class="cur">众筹中心</a>
            <a th:href="@{/information/xinxi1}">信息披露</a>
        </nav>
    </div>
</header>
<!-----header结束------->
<!-----商品详情部分------->
<div class="shopdetails">
    <!-------放大镜-------->
    <div id="leftbox">

        <img th:src="@{'/article/cfgj/'+${crowd.imgPath}}" width="440px" height="300px"/>


    </div><!--展示图片盒子-->
    <!--	<div id="showsum"></div>--><!--展示图片里边-->
    <!--	<p class="showpage">
          <a href="javascript:void(0);" id="showlast"> < </a>
           <a href="javascript:void(0);" id="shownext"> > </a>
        </p>-->

</div>
<!----中间----->

<div class="centerbox" style="margin-left:350px; margin-top: 170px;">
    <p class="imgname" th:text="${crowd.projectname}">叠叠杯水杯茶杯套杯陶瓷咖啡牛奶杯具套装</p>
    <p class="Aprice" style="font-size: 20px;">已筹备：<span  style="font-size: 18px;color:#ff3a27; " th:text="${crowd.nowmoney} + '元'">￥89.00</span></p>
    <p style="font-size: 15px;">本项目需要在<span th:text="${#dates.format(crowd.endtime, 'yyyy年MM月dd日')}"></span>众筹到￥<span th:text="${crowd.money}"></span>的支持才可成功！！</p><br />
    <p style="font-size: 18px;">项目发起人:<p th:text="${crowdUser.name}"></p></p><br />

    <div><a  onclick="recharge()" style="background:#ff3a27;color:#FFF;font-size:18px;float:right;width:100px;height:33px; text-align: center;font-family:'黑体'; margin-right: 480px;line-height: 32px;cursor: pointer;" id="firstbuy">立即支援</a></div>
    <div class="clear"></div>
    <!-- <div class="fenx"><a href="#"><img src="images/shopdetail/tell07.png"></a></div>--><br /><br />
    <p>服务承诺：客观公正办事,热心真诚服务。</p><br />

</div>

</div>
<!-----商品详情部分结束------->

<div class="evaluate">


    <div class="tabbedPanels">
        <ul class="tabs">
            <li><a href="#panel01">众筹详情</a></li>
        </ul>

        <div class="panelContainer">
            <div class="panel" id="panel01">
                <p class="sell">众筹描述</p>
                <p th:text="${crowd.projectabstract}">创意造型 浓浓文艺气息 闲暇时光 与好友分享</p>
                <p></p>
                <p class="sell">众筹详情</p>
                <div style="overflow: hidden;height: auto;" th:utext="${crowd.edit}"></div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<div style="position: relative;">
    <!----bottom_页脚部分----->
    <footer>
        <div class="fmain w">
            <div class="fm-top">
                <div class="left">

                    <div class="ilist">
                        <h1>联系我们</h1>
                        <div class="t">客服电话</div>
                        <div class="tel">400-1234-123</div>
                        <div class="t">邮箱：quanminsat@163.com</div>
                    </div>

                    <div class="ilist">
                        <h1>关于我们</h1>
                        <a th:href="@{/information/jianjie}">公司简介</a>
                        <a th:href="@{/information/gonggao}">最新公告</a>
                        <a th:href="@{/information/join_us}">加入我们</a>
                    </div>
                </div>
                <div class="right">
                    <div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
                </div>
            </div>
            <div class="fm-bot" style="text-align: center;">
                <span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
                <br />
                <dl>市场有风险 投资需谨慎</dl>
            </div>
        </div>
    </footer>
</div>
<!---footer e--->
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>

<script th:src="@{/js/layer/layer.js}" charset="utf-8"></script>
<script th:src="@{/js/common.js}"></script>
<script type="text/javascript">
    function wechatchange(){
        document.getElementById("wechat").style.display="block";
        document.getElementById("zfb").style.display="none";
    }
    function zfbchange(){
        document.getElementById("wechat").style.display="none";
        document.getElementById("zfb").style.display="block";
    }
</script>
<script th:inline="javascript">
    /*<![CDATA[*/
    var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
    var crowdId = [[${crowd.id}]];
    var user=[[${session.user}]];
    if(user==null){
        document.getElementsByClassName("topbut")[0].style.display=""
        document.getElementsByClassName("topbut-cur")[0].style.display=""
        document.getElementsByClassName("ubut")[0].style.display="none"
        document.getElementsByClassName("ubut")[1].style.display="none"
    }else {
        document.getElementsByClassName("ubut")[0].style.display="display"
        document.getElementsByClassName("ubut")[1].style.display="display"
        document.getElementsByClassName("topbut")[0].style.display="none"
        document.getElementsByClassName("topbut-cur")[0].style.display="none"
    }

    /*]]>*/
</script>
<script type="text/javascript">
    function recharge(){
        console.log(user)

        layer.prompt({title: '请输入金额，并确认', formType: 0}, function(text, index){

            var fd = new FormData();
            fd.append('crowdId',crowdId);//传文件
            fd.append('money',text)
            axios.post('/cms/deal/zhongChou',fd).then(function(res){
                if (res.data=='ok'){
                    layer.msg("众筹成功！！！")
                }
            else    if(res.data=='login'){
                    layer.alert("请您登陆")
                    window.location.href = contextPath + "/login"

                }
                else {
                    layer.alert(res.data)
                }


            });
            layer.close(index);
        })
    }
</script>
<!--充值页面 e-->
<script type="text/javascript">
    $(document).ready(function(){
        /* ----- 侧边悬浮 ---- */
        $(document).on("mouseenter", ".suspension .a", function(){
            var _this = $(this);
            var s = $(".suspension");
            var isService = _this.hasClass("a-service");
            var isServicePhone = _this.hasClass("a-service-phone");
            var isQrcode = _this.hasClass("a-qrcode");
            if(isService){ s.find(".d-service").show().siblings(".d").hide();}
            if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
            if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
        });
        $(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
            $(".suspension").find(".d").hide();
        });
        $(document).on("mouseenter", ".suspension .a-top", function(){
            $(".suspension").find(".d").hide();
        });
        $(document).on("click", ".suspension .a-top", function(){
            $("html,body").animate({scrollTop: 0});
        });
        $(window).scroll(function(){
            var st = $(document).scrollTop();
            var $top = $(".suspension .a-top");
            if(st > 400){
                $top.css({display: 'block'});
            }else{
                if ($top.is(":visible")) {
                    $top.hide();
                }
            }
        });

    });
</script>
</body>
<script th:inline="javascript">
    var user=[[${session.user}]];
    if(user==null){
        document.getElementsByClassName("topbut")[0].style.display=""
        document.getElementsByClassName("topbut-cur")[0].style.display=""
        document.getElementsByClassName("ubut")[0].style.display="none"
        document.getElementsByClassName("ubut")[1].style.display="none"
    }else {
        document.getElementsByClassName("ubut")[0].style.display="display"
        document.getElementsByClassName("ubut")[1].style.display="display"
        document.getElementsByClassName("topbut")[0].style.display="none"
        document.getElementsByClassName("topbut-cur")[0].style.display="none"
    }
</script>
</html>
